<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">

<div th:replace="~{fragment/headFragment :: head}"></div>
<body class="cbp-spmenu-push">
<div class="main-content">
	<!--left-fixed -navigation-->

	<div th:replace="~{fragment/left-border :: left}"></div>

	<div th:replace="~{fragment/header :: header}"></div>

	<div id="page-wrapper">

		<div class="main-page">

			<div class="tables">

				<div class="bs-example widget-shadow" data-example-id="contextual-table">
<!--					<h4>Colored Rows Table:</h4>-->
					<div th:replace="~{fragment/search-box :: search-box}"></div>
						<table class="table">
							<thead>
							<tr>
								<th>#</th>
								<th>客户姓名</th>
								<th>邮箱</th>
								<th>电话</th>
								<th>等级</th>
								<th>状态</th>
								<th>最近登录时间</th>
								<th>操作</th>
							</tr>
							</thead>
							<tbody>
							<tr th:each="cs,rowInfo : ${list}">
								<th scope="row" th:text="${rowInfo.count}">1</th>
								<td th:text="${cs.getRealname()}"></td>
								<td th:text="${cs.getEmail()}"></td>
								<td th:text="${cs.getNickname()}"></td>
								<td th:text="${cs.getNickname()}"></td>
								<td th:text="${cs.getNickname()}"></td>
								<td th:text="${cs.getRealname()}"></td>
								<td>
									<a th:href="@{/customerService/update(customerserviceid=${cs.customerserviceid})}">修改</a>
									<a th:href="@{/customerService/del(customerserviceid=${cs.customerserviceid})}">删除</a>
								</td>
							</tr>

							</tbody>
						</table>
				</div>

			</div>
		</div>
	</div>
	<!--footer-->
	<div class="footer">
		<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
	</div>
	<!--//footer-->
</div>
<!-- Classie -->
<script src="js/classie.js"></script>
<script>
	var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
			showLeftPush = document.getElementById( 'showLeftPush' ),
			body = document.body;

	showLeftPush.onclick = function() {
		classie.toggle( this, 'active' );
		classie.toggle( body, 'cbp-spmenu-push-toright' );
		classie.toggle( menuLeft, 'cbp-spmenu-open' );
		disableOther( 'showLeftPush' );
	};

	function disableOther( button ) {
		if( button !== 'showLeftPush' ) {
			classie.toggle( showLeftPush, 'disabled' );
		}
	}
</script>
<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"> </script>
</body>
</html>